<template>
	<div class="main">
		<div class="left">
			<Left></Left>
		</div>
		<div class="right">
			<div class="top"><img class="topImg" src="../../public/img/title.jpg" /></div>
			<div class="buttom">
				<Right></Right>
			</div>
		</div>
	</div>
</template>

<script>
import Right from '../components/Right.vue';
import Left from '../components/Left.vue';
export default {
	components: {
		Left,
		Right
	}
};
</script>

<style>
* {
	padding: 0;
	margin: 0;
}
.main {
	width: 75rem;
	margin: 1.25rem auto;
}
.left {
	width: 6.25rem;
	float: left;
	margin-right: 0.625rem;
}
.right {
	width: 62.5rem;
	float: left;
	margin-left: 0.625rem;
}
.top img {
	width: 100%;
}
.left,
.right {
	background-color: #f5f5f5;
}
</style>
